<template>
  <view class="page">
    <view class="page-ctx">
      <view class="poster-box">
        <image src="@/static/image/l-s.png" mode=""></image>
      </view>
      <view class="title">
        {{
          type == 1
            ? "发布成功"
            : type == 2
            ? "修改成功"
            : type == 3
            ? "提交成功"
            : "给予成功"
        }}
      </view>
      <template v-if="type == 2 || type == 1">
        <view class="tip">作品平台审核中，审核通过立即发布</view>
      </template>
      <template v-if="type == 3">
        <view class="tip">请等待审核</view>
      </template>
      <view class="btn-box flex-center">
        <view class="btn flex-center" @click="to_index()">返回首页</view>
        <view class="btn flex-center" @click="to_detail()">查看详情</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      type: 0, //2--作品跳转
    };
  },
  onLoad(options) {
    this.type = options?.type || 1;
  },
  onShow() {},
  methods: {
    to_index() {
      // this.toBack()
      this.toRoute("/index");
    },
    to_detail() {
      // this.toBack()
      this.toRoute("/refund-list");
    },
  },
};
</script>

<style lang="scss">
page {
  background: #f6fafd;
  background: #ffffff;
}
</style>
<style lang="scss" scoped>
.page {
}

.page-ctx {
  padding: 24rpx 32rpx;
}

.poster-box {
  margin: 0 auto;
  margin-top: 184rpx;
  width: 327rpx;
  height: 180rpx;

  image {
    width: 100%;
    height: 100%;
  }
}

.title {
  margin-top: 80rpx;
  text-align: center;
  font-family: PingFang SC, PingFang SC;
  font-weight: bold;
  font-size: 40rpx;
  color: #000000;
}

.tip {
  margin-top: 10rpx;
  margin-bottom: 160rpx;
  text-align: center;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #000000;
}

.btn-box {
  margin-top: 218upx;
  .btn {
    flex: 1;
    // width: 544rpx;
    height: 80rpx;
    background: #f49c0d;
    border-radius: 40rpx 40rpx 40rpx 40rpx;

    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    color: #ffffff;

    & + .btn {
      margin-left: 24rpx;
    }
  }
}
</style>
